您的位置:首页 >> Javascript

列表

  • 一起学学vue的mixin

    前端

    前言如果你在写vue组件时,发现有几个组件的逻辑差不多类似,那么你就可以使用vue的mixin(混入),把类似的逻辑抽离出来封装成js,然后在各个组件引入使用。mixin就是用来解决vue组件逻辑复用的问题。今天咱们来学学vue的mixin

  • 一文详解Vue 3中的的插件

    前端

    当今 Vue.js 已经成为了前端框架的主流之一,随着 Vue.js 的不断发展,插件 (plugin) 已经成为了 Vue.js 中的一个重要组成部分。在 Vue.js 3.x 版本中,插件已经成为了 Vue.js 的默认行为,因此熟练使

  • 图文详解如何在Vue项目中集成Ace代码编辑器

    前端

    前言在集成Ace过程中发现网上搜到资料比较零碎,且中文资料比较少,本文主要做一些记录和整理,方便后续查阅在Vue项目中集成Ace代码编辑器Ace配置项的中文对照踩坑:解决Ace editor 光标错位问题优化:按需使用ace-builds简

  • Vue3响应式函数对比:toRef() vs toRefs()

    前端

    ref是处理基本数据类型响应式API函数,在setup中声明定义的变量,可以直接在模板中使用没有被响应式API包裹处理的变量数据,是不具备响应式能力的也就是往往在逻辑中修改了数据,但是页面不会更新,那怎么样将一个非响应式数据变成响应式数据就

  • 深入了解vuex的实现原理

    前端

    当面试被问vuex的实现原理,你要怎么回答?下面本篇文章就来带大家深入了解一下vuex的实现原理,希望对大家有所帮助!关于vuex就不再赘述,简单回顾一下:当应用碰到多个组件共享状态时,简单的单向数据流很容易被破坏:第一,多个视图依赖于同一

  • 深入浅析Vue3中的极致防抖/节流

    前端

    本篇文章给大家带来的是Vue 3 中的极致防抖/节流(含常见方式防抖/节流)这篇文章,文章中不仅会讲述原来使用的防抖或节流方式,还会带来新的一种封装方式,使用起来更简单、更清晰。在前端的开发过程中,在涉及到与用户交互的过程中是基本上都是需要

  • 【整理分享】48个前端高频面试题(附答案解析)

    前端

    本篇文章给大家总结分享48个前端高频面试题(附答案解析),带你梳理vue、javascript等的基础知识,增强前端知识储备,值得收藏,快来看看吧!1.vue双向数据绑定的原理?mvvm场景:数据操作比较多的场景,需要大量使用DOM元素时,

  • 聊聊MVVM模型在Vue中怎么应用

    前端

    理解MVVM模型我们知道每一个 Vue 应用都是从创建一个新的实例开始的,根据 Vue2 的官方文档我们可以得知 Vue 的设计是得到了 MVVM 模型 的启发,所以就有了在我们创建 Vue 实例时,文档中经常使用vm这个变量名来表示 Vu

  • 如何利用Vue实现拖拽穿梭框功能?四种方式介绍

    前端

    如何实现拖拽穿梭框功能?下面本篇文章给大家介绍一下Vue实现拖拽穿梭框功能四种方式,希望对大家有所帮助。【相关推荐:vuejs视频教程】一、使用原生js实现拖拽点击打开视频讲解更加详细<html> <head> <meta

  • 通过代码实例,带你了解v-model(值得收藏)!

    前端

    本篇文章通过代码实例,带你了解v-model。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。Vue v-model是一个指令,它提供了input和form之间或两个组件之间的双向数据绑定。【相关推荐:vue.js教程】这是

  • 为什么使用vue的作用域插槽?什么时候使用?

    前端

    本篇文章带大家详细了解一下vue的作用域插槽。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。Vue插槽是一种将内容从父组件注入子组件的绝佳方法。(学习视频分享:vue视频教程)下面是一个基本的示例,如果我们不提供父级的任何

  • vue如何实现数字滚动增加效果?代码示例

    前端

    项目中需要做数字滚动增加的效果,一开始很懵,研究了一下原理,发现很简单,贴出来分享一下 ^_^数字滚动组件:<template><p class="number-grow-warp"> <span ref="numberGrow" :da

  • bootstrap和react的区别是什么?

    前端

    区别:react是基于mvc模式的javascript框架,而bootstrap只是一个基于HTML、CSS、JAVASCRIPT开发的前端ui框架;bootstrap是基于html的UI构建工具,react是基于组件的工程构建方式。了解B

  • javascript无法找到增效工具怎么办

    前端

    javascript无法找到增效工具的解决办法:1、点击编辑;2、在首选项中找到增项工具;3、在“附加的增效工具”前打勾;4、找到要安装的插件,然后确定;5、重启PS即可。本文操作环境:windows7系统、Adobe Photoshop

  • 前端

    本篇文章给大家带来的内容是关于Canvas绘制出时钟的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。完整代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"

  • HTML5 Canvas绘图之drawImage() 方法的详细介绍(代码示例)

    前端

    本篇文章给大家带来的内容是关于HTML5 Canvas绘图之drawImage() 方法的详细介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。是一个新的HTML元素,这个元素可以被Script语言(通常是Ja

  • 前端

    本篇文章给大家带来的内容是关于canvas实现压缩图片的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。// 对图片进行压缩 function compress(imgPath) { var i

  • canvas橡皮筋式线条绘图的方法介绍(代码示例)

    前端

    本篇文章给大家带来的内容是关于canvas橡皮筋式线条绘图的方法介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。什么叫橡皮筋式指画图时橡皮筋一样伸缩自如。。 例子如下思路思路很简单,只有橡皮筋式绘制功能要注

  • canvas实现弹球的代码示例

    前端

    本篇文章给大家带来的内容是关于canvas实现弹球的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。效果代码<!DOCTYPE html><html lang="zh_CN"><head> <meta char

  • 前端

    本篇文章给大家带来的内容是关于H5使用react组件实现拍照、选择图片上传,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。前段时间项目重构,改成SSR的项目,但之前用的图片选择上传组件不支持SSR(server-side-r